@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

div .nav {
  width: 100%;
  height: 60px;
  background-color: black;
}

div .nav-center {
  width: 1290px;
  height: 60px;
  margin: auto;
  background-color: black;
}

div .nav-center img {
  width: 186px;
  margin-top: 7px;
}

div .nav-center ul {
  width: 570px;
  height: 60px;
  display: inline-block;
  vertical-align: top;
}

div .nav-center ul li {
  color: white;
  display: inline-block;
  height: 60px;
  width: 100px;
  text-align: center;
  line-height: 60px;
}

div .nav-right {
  height: 60px;
  width: 230px;
  float: right;
  /* background-color: tomato; */
}

div .nav-right-box {
  width: 100px;
  height: 30px;
  display: inline-block;
  background-color: white;
  border-radius: 15px;
  font-size: 14px;
  line-height: 30px;
  margin-top: 15px;
}

div .nav-right-box img {
  width: 15px;
  float: right;
  margin-right: 10px;
}

div .nav-right-box span {
  margin-left: 10px;
}

div .nav-right > span {
  margin-left: 10px;
  color: white;
}

.section {
  width: 1290px;
  height: 1800px;
  margin: auto;
  background-image: url(./img/img/img/作业2/bg.jpg);
}

.section .section-comtent {
  width: 1000px;
  height: 295px;
  margin: auto;
  border: 1px solid black;
  background-color: white;
}
